<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#lbw{
				width: 360px;
				height: 130px;
				background-color:black;
				color: white;
				margin-left: 40%;
				text-align: center;
			}
			#ymd{
					font-size:25px ;
			}
			#hour{
				margin-top:28px ;
				font-size:50px ;
			}
		</style>
		<script>
			function sj(){
				var t=new Date();
				var yea=t.getFullYear();
				var num=['一','二','三','四','五','六','七','八','九','十','十一','十二'];
				var mon=t.getMonth();
				var dt=t.getDate();
				var base=t.getDay();
				var week=['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];
				var qq=yea+"    "+num[mon]+"    月   "+dt+"    日"+"    "+week[base];
				var ww=document.getElementById("ymd");
				ww.innerHTML=qq;
			}
			function tt(){
				var now=new Date();
				var h=now.getHours();
			var min=now.getMinutes();
			var sec=now.getSeconds();
			if(h<10){
				h='0'+h;
			}
			if(min<10){
				min='0'+min;
			}
			if(sec<10){
				sec='0'+sec;
			}
			var time=h+" :  "+min+" :  "+sec;
			var t=document.getElementById("hour");
			t.innerHTML=time;
			}
			window.setInterval("tt()",1000);
			window.setInterval("sj()",1000);
		</script>
	</head>
	<body>
		<div id="lbw">
			<div id="ymd"></div>
			<div id="hour"></div>
		</div>
	</body>
</html>
